<?php
session_start();
if (isset($_SESSION['result_sesion'])) {
    $msj = $_SESSION['result_sesion'];
    unset($_SESSION['result_sesion']);
}
/* Validamos la url en la que estamos y ocultamos los botones que llevan a la misma */
$url = "index";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Inicio de Sesión</title>
        <link href="css/styles.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#usuario").focus(function(){
                    $("#usuario").val('');
                });
                $("#clave").focus(function(){
                    $("#clave").val('');
                });
                $("#inicio").click(function(){
                    $("#cargando").fadeIn();
                    $('#loginForm').submit();
                    $("#cargando").delay(800).fadeOut();
                }); 
                $(document).keypress(function(e){ 
                    if(e.keyCode == 13){
                        $("#cargando").fadeIn();
                        $('#loginForm').submit();  
                        $("#cargando").delay(800).fadeOut();
                    } 
                });
            });
        </script>
    </head>
    <body>
        <div id="main" style="width:900px; height:500px;">
            <div id="header">
                <h2>Tecnoinversiones RB &nbsp; Usuarios</h2>
                <h3>Bienvenido!</h3>
            </div>
            <!--inicio div content-right -->
            <div id="content-right" style="width:300px; height:180px; margin-top:100px; margin-left:300px; float:left;">
                <div id="cargando" style="position:absolute;float:left;display:none;left:49%;margin-top:6%;">
                    <img src="images/loading.gif" /></div>      
                <div id="loginDiv" class="form" style="margin:10px 20px 0 20px;width:260px;">
                    <form name="loginForm" id="loginForm" action="conectar.php" method="post">           
                        <fieldset>
                            <legend>Inicio de Sesión</legend> 
                            <p style="text-align:center;">
                                <input name="usuario" type="text" id="usuario" value="Usuario" size="30"  /></p>
                            <p style=" text-align:center;">
                                <input name="clave" type="password" id="clave" value="Clave" size="30"  />
                            </p>
                            <a type="submit">
                                <div id="inicio" class="botonCustom" style="text-align:center; margin-left:50px">Iniciar Sesi&oacute;n</div>
                            </a>       
                        </fieldset>
                    </form>
                </div>

            </div>
            <div class="clear"></div> 
            <div id="mensaje" style="text-align:center; font-size:16px; color:#F00;">
                <?php if (isset($msj)){echo $msj;}?>
            </div>
        </div>
    </body>
</html>